<template>
  <div>
    <div class="subTitle">
      <span>{{title}}</span>
    </div>
  </div>
</template>
<script>
export default {
  name: "TopTitle",
  props: {
    title: {
      type: String,
      required: true
    },
  },
  data(){
    return {
      value:''
    }
  },
  mounted() {
  },
  methods:{
  }
}
</script>
<style lang="scss" scoped>
.subTitle {
  background: url("../../assets/dashboard/subTitle1.png") no-repeat;
  background-size: 100% 100%;
  width: 100%;
  height: 42px;
  color: #fff;
  //line-height: 42px;
  padding-top: 13px;
  font-size: 21px;
  text-align: start;
  padding-left: 25px;
  //font-weight: 600;
  font-family: '庞门正道标题体';
}

::v-deep .el-input__inner{
  background-image: linear-gradient(#0886a3, #095e6c);
  color: #fff;
  height: 25px;
  width: 90px !important;
  padding: 5px;
  border: 1px solid #0ef2ec;
  margin-left: 20px;
}
::v-deep .el-select .el-input .el-select__caret{
  color: #07fff2;

  line-height: 13px;
}
::v-deep .el-select-dropdown{
  background-color: #162d49 !important;
  color: #fff;
  font-family: MicrosoftYaHei;
}
::v-deep .el-select-dropdown__item.hover,

::v-deep .el-select-dropdown__item:hover{

  color:#1084e3;
  background-color:#01dde7;
  font-family: MicrosoftYaHei;
}
::v-deep .el-select-dropdown__list{
  background-color: #011935 !important;
  border: 1px solid #011935;
  font-family: MicrosoftYaHei;
}
::v-deep .el-popper .popper__arrow, .el-popper .popper__arrow::after{

  display: none;

}
</style>
